// 重置样式
@import "./modules/reset.scss";
// 头部
@import "./modules/header.scss";
// 底部
@import "./modules/footer.scss";
#h1_title{
  margin: 0;
}
/* banner图 */
.banner {
  height: 195px;
  position: relative;
  img {
    width: 100%;
    height: 195px;
    display: block;
    position: absolute;
  }
  .list_inline {
    position: absolute;
    left: 20px;
    padding: 16px 0;
    width: 77px;
    height: 48px;
    line-height: 48px;
    li {
      // display: inline-block;
      float: left;
      a {
        font-size: 14px;
        color: #fff;
      }
    }
    li + li::before {
      padding: 0 6px;
      content: ">";
      color: #fff;
    }
  }
  .banner_txt {
    width: 258px;
    height: 120px;
    position: absolute;
    left: 1.5%;
    top: 24%;
    &_perfume {
      font-weight: normal;
      font-size: 24px;
      // margin: 20px 0 10px;
    }
    h6 {
      font-weight: normal;
      font-size: 16px;
      margin: 12px 0;
    }
  }
}
.commodity {
  height: 1675px;
  margin: 40px auto;
  .content {
    width: 1223px;
    height: 1675px;
    padding: 40px auto;
    // background-color: #adc;
    .con_left {
      width: 266px;
      height: 292px;
      float: left;
      background-color: #fff;
      .perfume-title {
        font-size: 14px;
        color: #000;
        font-weight: 700;
        margin: 0 0 10px;
      }
      .perfume-classify {
        ul {
          .women {
            margin-bottom: 22px;
            font-size: 14px;
            .women_perfume {
              color: #999;
              text-decoration: underline;
              cursor: pointer;
            }
          }
        }
      }
      .filter_main {
        .sign {
          float: right;
          line-height: 50px;
          font-size: 20px;
          cursor: pointer;
          color: #999;
        }
        .filtername {
          height: 50px;
          .products {
            font-size: 14px;
            color: #000;
            display: block;
            height: 50px;
            line-height: 50px;
            letter-spacing: 1.5px;
            float: left;
          }
        }
        .filtermoney {
          @extend .filtername;
          .price {
            @extend .products;
          }
        }
      }
    }
    .con_right {
      width: 926px;
      height: 1676px;
      float: right;
      .popular {
        height: 42px;
        padding: 0 12px;
        // margin-left: 54px;
        .pop_goods {
          float: left;
          line-height: 42px;
        }
        .pop_recom {
          float: right;
          width: 210px;
          height: 42px;
          border: 1px solid #dadada;
          // padding: 0 28px 0 10px;
          position: relative;
          line-height: 42px;
          .pop_hot{
            width: 170px;
            height: 40px;
            display: inline-block;
            padding: 0 14px 0 10px;
            float: left;
          }
          .icon-platformentrance{
            width: 20px;
            height: 40px;
            text-align: center;
            margin: 0 5px 0 0;
            display: inline-block;
            float: right;
            font-size: 20px;
          }
          .pull-down {
            width: 210px;
            height: 110px;
            border: 1px solid #dadada;
            border-top: 0;
            overflow: auto;
            position: absolute;
            top: 41px;
            left: -1px;
            background-color: #fff;
            display: none;
            // 设置滚动条宽度和颜色
            // ::-webkit-scrollbar {
            //   width: 12px;
            // }
            // ::-webkit-scrollbar-track {
            //   background-color: #000;
            // }
            li {
              height: 30px;
              line-height: 30px;
              padding-left: 10px;
              font-size: 14px;
              color: #000;
            }
          }
        }
      }
      .list_product {
        // width: 902px;
        height: 1634px;
        padding: 18px 0;
        // margin-left: 54px;
        .detail {
          .products_item {
            width: 308.63px;
            height: 472.63px;
            color: #000;
            margin: 0 0 60px;
            background-color: #fff;
            text-align: center;
            font-size: 18px;
            float: left;
            .pro_img {
              img {
                width: 284.63px;
                height: 284.63px;
              }
            }
            .details_box {
              width: 284.63px;
              height: 188px;
              margin: 0 auto;
              .goods-classify {
                width: 284.63px;
                height: 62px;
                padding: 20px 40px;
                .lan {
                  margin: 0;
                }
              }
              .lan_family {
                color: #000;
                letter-spacing: 1px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
                line-height: 22px;
                &:hover {
                  text-decoration: none;
                }
              }
              .goods_introduce {
                .lan_tit {
                  color: #999;
                  line-height: 1;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2;
                  overflow: hidden;
                  height: 38px;
                  margin-top: 10px;
                  &:hover {
                    text-decoration: none;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
.bottom_font {
  text-align: center;
  border-top: 1px #999 solid;
  padding: 52px 0 64px;
  line-height: 25px;
}
